import styled, { createGlobalStyle } from 'styled-components'

export const GlobalStyle = createGlobalStyle`
    body, html {
        width:100%;
        height:100%;
    }

    body {
        overflow: auto;
    }

    html, body, * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body, html, pre {
        font-family: "Microsoft Yahei", 微软雅黑;
    }

    article, aside, details, figcaption, figure,
    footer, header, menu, nav, section {
        display: block;
    }

    a {
        text-decoration: none;
    }

    ul, ol {
        list-style: none;
    }

    #root{
        width:100%;
        height: 100%;
    }


    ::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    ::-webkit-scrollbar-track-piece {
        background-color: #ffffff;
    }

    ::-webkit-scrollbar-thumb:vertical {
        height: 7px;
        background-color: #c0c5c8;
    }

    ::-webkit-scrollbar-thumb:horizontal {
        width: 7px;
        background-color: #c0c5c8;
    }

    .ellipsis {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    //保存期限弹窗样式覆盖
    .save-date-modal .kd-modal-body {
        overflow: visible !important;
    }

    //会议时长弹窗样式覆盖
    .conf-duration-modal .kd-modal-body {
        overflow: visible !important;
    }

    //搜索会议室弹窗样式覆盖
    .search-room-modal .kd-modal-body {
        overflow: visible !important;
    }

    //重复会议弹窗样式覆盖
    .repeat-check-modal .kd-modal-body {
        overflow: visible !important;
    }

    //会议模板立即召开弹窗样式覆盖
    .meeting-convene-modal .kd-modal-body {
        overflow: visible !important;
    }

    //电视墙配置通道弹窗样式覆盖
    .tvwall-config-modal .kd-modal-body {
        overflow: visible !important;
    }
    //会控语音激励弹窗样式覆盖
    .voice-inspire-modal .kd-modal-body {
        overflow: visible !important;
    }
`

/** 自适应容器 */
export const StyledMediaContainer = styled.div`
	@media screen and (min-width: 1366px) {
		width: 100%;
		padding: 0 128px;
		min-width: 1348px;
	}

	@media screen and (max-width: 1365px) {
		width: 1023px;
		margin: 0 auto;
	}
`
